s<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link red="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/footer.css">
    <link rel="stylesheet" href="./lib/轮播插件/styles/slider.css">
    <link rel="stylesheet" href="./css/moudule.css">
    <link rel="stylesheet" href="./css/Shopping.css">
    <script src="./lib/轮播插件/javascripts/jquery-1.11.0.js"></script>
    <script src="./js/shopping.js"></script>
    
</head>
<body>
     <!-- 这是头部区域开始 -->
   <div class="box" >
    <div class="header">
        <!-- 这是头部上面区域 -->
       <div class="wrapper header_div1 clearfix">
           <div class="header_content fr">欢迎光临
               <span>乐购，</span>&nbsp;
               请&nbsp; 登陆\
               <span>注册</span>
           </div>
       </div>
   </div>
         <!-- 这是头部下面区域 -->
         <div class="header_div2 wrapper clearfix ">
           <form action="#" class="  f1">
              <input type="text" placeholder="  设计中的 设计"><button></button>               
          </form>

          <div class="span_div fr "> <a href="#">购物车&nbsp;3</a><a href="#">我的订单</a></div>
         
      </div>

      <div class="header_div3  clearfix wrapper" style="height: 100px;" >
                  <div class="fr">
                      <span>配送至</span>
                      <select name="地区" size="3" multiple="multiple">
                          <option value="武汉江夏区三环以外">武汉江夏区三环以外</option>
                          <option value="武汉江夏区三环以外">武汉江夏区三环以外</option>
                          <option value="武汉江夏区三环以外">武汉江夏区三环以外</option>
                          <option value="武汉江夏区三环以外">武汉江夏区三环以外</option>
                      </select>
                  </div>
        <img src="./imags/logo.jpg" alt="">
      </div>
     
  </div>
 <!-- 这是头部区域结束 -->


 <!-- 这是全部商品区域的开始 -->
 <!-- 这是全部商品的头部区域的开始 -->
    <div class="wrapper shangpin">

    <div class="shangpin_div1">
          <h2>全部商品&nbsp;(2)</h2>
          <ul>
         <li><input type="checkbox" class="bothgoods">&nbsp;全选</li>
         <li>商品</li>
         <li>单价</li>
         <li>数量</li>
          <li>小计</li>
          <li>操作</li>
         </ul>
    </div>
    <!-- 这是边框线 -->
    <div class="border6px" style="border: 6px solid #dfdfdf;margin-top: 20px;"></div>
    <!-- 这是内容区域 -->
    <div class="shangpin_div2">
           <ul>
            <li>
            <input type="checkbox" class="f1 content_input">
            <div class="div1 f1">
            <img src="./imags/index08_05.jpg" alt="加载失败">
            </div>
               </li>
               <li>从你的全世界路过</li>
               <li>41.00</li>
               <li class="shangpinli1"> <div class="div2"><span class="append">+</span><span class="span3">1</span><span class="subtract">-</span></div></li>
               <li class="shangpinli2">41.00</li>
               <li><button>删除</button>
                   <br>
                   <button>移动到我的关注</button>
              </li>
           </ul>  
           <ul>
            <li>
                <input type="checkbox" class="f1 content_input">
                <div class="div1 f1">
                    <img src="./imags/index08_05.jpg" alt="加载失败">
                </div>
            </li>
            <li>从你的全世界路过</li>
            <li>41.00</li>
            <li class="shangpinli1"> <div class="div2"><span class="append">+</span><span class="span3">1</span><span class="subtract">-</span></div></li>
            <li class="shangpinli2">41.00</li>
            <li><button>删除</button>
                <br>
                <button>移动到我的关注</button>
           </li>
        </ul>  
    </div>

 <!-- 这是全部商品的结算区域的开始 -->
    <div class="shangpin_div3 ">
    <div class="shangpin_div3_left f1">
    <input type="checkbox" class="bothgoods">&nbsp;<span>删除选中的商品</span>

    </div>
    <div class="shangpin_div3_right fr">
        <p class="f1">已选择 <a href="#" id="yinsen1">1</a>件商品</p>
        <p class="f1">总价  <a href="#" id="yinsen2">41.00</a></p>
        <button class="fr">结算</button>
   </div>
   </div>

   </div>

 <!-- /这是全部商品被曝光区域的结束 -->
    <!-- 这是猜你喜欢区域开始 -->
    <div class="wrapper discount">
        <h2><span>猜你喜欢</span></h2>
        <ul class="discount_ul1  clearfix">
            <li >
                <div><img src="./imags/2222.jpg" alt=""></div>
               <i><img src="./imags/limitTime.jpg" alt=""></i>
                <P>白夜行  东野上吾</P>
                <P>推荐：<span>★★★★★</span></P>
                <P> ￥:38<span>￥:58</span></P>
            </li>
            <li >
               <div><img src="./imags/2222.jpg" alt=""></div>
              <i><img src="./imags/limitTime.jpg" alt=""></i>
               <P>白夜行  东野上吾</P>
               <P>推荐：<span>★★★★★</span></P>
               <P> ￥:38<span>￥:58</span></P>
           </li>
           <li >
               <div><img src="./imags/2222.jpg" alt=""></div>
              <i><img src="./imags/limitTime.jpg" alt=""></i>
               <P>白夜行  东野上吾</P>
               <P>推荐：<span>★★★★★</span></P>
               <P> ￥:38<span>￥:58</span></P>
           </li>
           <li >
               <div><img src="./imags/2222.jpg" alt=""></div>
              <i><img src="./imags/limitTime.jpg" alt=""></i>
               <P>白夜行  东野上吾</P>
               <P>推荐：<span>★★★★★</span></P>
               <P> ￥:38<span>￥:58</span></P>
           </li>
           <li >
               <div><img src="./imags/2222.jpg" alt=""></div>
              <i><img src="./imags/limitTime.jpg" alt=""></i>
               <P>白夜行  东野上吾</P>
               <P>推荐：<span>★★★★★</span></P>
               <P> ￥:38<span>￥:58</span></P>
           </li>
         
        </ul>
    </div>
    <!-- 这是猜你喜欢区域结束 -->

  <!-- 这是纯图标区域 -->
  <div class="image wrapper" style="margin-top: 88px;"> <img src="./imags/1111.png" alt=""></div>
  <div class="serve">
    <div class="wrapper serve_div1">
       
        <div><img src="./imags/222_11.png" alt=""></div>
        <div><img src="./imags/222_13.png" alt=""></div>
        <div><img src="./imags/222_15.png" alt=""></div>
        <div><img src="./imags/222_17.png" alt=""></div>
   
    </div>
</div>
         <!-- 这是footer区域开始 --> 
         <div class="footer">
            <!-- 这是footer的上边区域 -->
            <div class="wrapper footer_div1 clearfix">
                <ul>
                    <li>
                        <h2>购物指南</h2>
                    </li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                    <li>购物流程</li>
                </ul>
                <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li> 
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
                 <li>订单配送查询</li>
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
                 <li>自助申请退换货</li>
             </ul>
             <ul>
                 <li>
                     <h2>购物指南</h2>
                 </li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li>
                 <li>购物流程</li> 
             </ul>
             <div class=" fr footer_logo"><img src="./imags/logo_00.png" alt="加载失败"></div>
            </div>

   <div class="wrapper footer_div2">  
       <p><span>公司简介  &nbsp;|</span> <span>Investor Relations   &nbsp;|</span>   <span>机构销售 &nbsp; |</span> 
         <span>机构销售 &nbsp; |</span>
         <span>机构销售 &nbsp; |</span>
         <span>机构销售  &nbsp;|</span>
         <span>机构销售 &nbsp; |</span>  
         <span>机构销售  &nbsp;|</span></p>
        
       <p>Copyright &copy; 乐购网 2004-2016, All Rights Reserved</p>
   </div>
      </div>
  
</body>
</html>